 <template>
    <section class="libottom">
        <div class="hrsection">
            <p class="pcon">即将上映</p>
            <p class="px"></p>
        </div>
        <ul class="list">
            <li class="lia" v-for="item in bottomarr">
                <div class="Divimg">
                    <img class="liimg" :src="item.cover.origin" alt="">
                </div>
                <div class="botm">
                    <div class="L_p">
                        <p class="p3">{{item.name}}</p>
                    </div>
                    <div class="p8">{{item.grade}}</div>
                </div>
            </li>
        </ul>
        <a href="##" class="amore">更多热映电影</a>
    </section>
</template>
<script>
import $ from 'jquery';
    export default {
        data: function() {
            return {
                bottomarr:[]
            }
        },
        mounted: function() {
            var that=this;
            var url="http://localhost:3000/bottom?time="+ new Date().getTime()+ "&page=1&count=3";
            $.get(url).then(function(pathdata){
                that.bottomarr=pathdata.data.films;
                console.log(that.bottomarr);
            })
        }
    }
 </script>